
        <div class="row">
          <div class="col-lg-6">
            <div class="card">
              <div class="card-body">
                <h5 class="card-title">卡片标题</h5>

                <p class="card-text">
                  简要内容在标题上填写，
                  用于构建卡片标题和内容。
                </p>

                <a href="#" class="card-link">卡片链接</a>
                <a href="#" class="card-link">另一个链接</a>
              </div>
            </div>

            <div class="card card-primary card-outline">
              <div class="card-body">
                <h5 class="card-title">卡片标题</h5>

                <p class="card-text">
                  简要内容在标题上填写，
                  用于构建卡片标题和内容。
                </p>
                <a href="#" class="card-link">卡片链接</a>
                <a href="#" class="card-link">另一个链接</a>
              </div>
            </div><!-- /.card -->
          </div>
          <!-- /.col-md-6 -->
          <div class="col-lg-6">
            <div class="card">
              <div class="card-header">
                <h5 class="m-0">特色</h5>
              </div>
              <div class="card-body">
                <h6 class="card-title">特殊标题处理</h6>

                <p class="card-text">支持引入其他额外内容。</p>
                <a href="#" class="btn btn-primary">跳走</a>
              </div>
            </div>

            <div class="card card-primary card-outline">
              <div class="card-header">
                <h5 class="m-0">特色</h5>
              </div>
              <div class="card-body">
                <h6 class="card-title">特殊标题处理</h6>

                <p class="card-text">支持引入其他额外内容。</p>
                <a href="#" class="btn btn-primary">跳走</a>
              </div>
            </div>
          </div>
          <!-- /.col-md-6 -->
        </div>
        <!-- /.row -->